<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>腾讯首页布局</title>
	<link rel="stylesheet" href="./css/css.css">
</head>
<body>
	<!-- 总DIV容器 -->
	<div class="cont">
		<!-- 头部开始 -->
		<div class="header">
			<div class="left">LOGO</div>
			<div class="center">搜索框</div>
			<div class="right">五个图标</div>
			<div class="xiamian"></div>
		</div>
		<!-- 头部结束 -->
		<!-- 页面主体开始 -->
		<div class="main">
			<div class="top1">
				<div class="xinwen">导航按钮-1</div>
				<div class="shipin">导航按钮-2</div>
				<div class="yule1">导航按钮-3</div>
				<div class="qiche">导航按钮-4</div>
				<div class="keji">导航按钮-5</div>
				<div class="jiaoyu">导航按钮-6</div>
				<div class="gongyi">导航按钮-7</div>
			</div>
			<div class="center1">
				<div class="top">横排广告1</div>
				<div class="bottom">横排广告1-右边小广告</div>
			</div>
			<div class="center2">
				<div class="top"></div>
				<div class="center_1"></div>
				<div class="center_2"></div>
				<div class="bottom"></div>
			</div>
			<div class="center3">
				<div class="top_3"></div>
				<div class="center_3"></div>
				<div class="bottom_3"></div>
				<div class="bottom__3"></div>
			</div>
			<div class="bottom">
				<div class="right1"></div>
				<div class="right2"></div>
				<div class="right3"></div>
				<div class="right4"></div>
			</div>
			<div class="guanggao">
				<div class="left">横排广告2</div>
				<div class="right">横排广告-右边小广告</div>
			</div>
			<div class="caijing">
				<div class="left">
					<div class="zuobian"></div>
					<div class="youbian"></div>
				</div>
				<div class="right">
					<div class="top"></div>
					<div class="xiamia"></div>
				</div>
			</div>
			<div class="tiyu">
				<div class="left">
					<div class="zuobian"></div>
					<div class="youbian"></div>
				</div>
				<div class="right">
					<div class="top"></div>
					<div class="bottom"></div>
				</div>
			</div>
			<div class="tiyubottom">
				<div class="left"></div>
				<div class="zhongjian"></div>
				<div class="right"></div>
			</div>
			<div class="guanggao3">横排广告3</div>
			<div class="yule">
				<div class="left">
					<div class="zuobian"></div>
					<div class="youbian"></div>
				</div>
				<div class="right">
					<div class="top"></div>
					<div class="xiamia"></div>
				</div>
			</div>
			<div class="keji">
				<div class="left">
					<div class="zuobian"></div>
					<div class="youbian"></div>
				</div>
				<div class="right">
					<div class="top"></div>
					<div class="xiamian"></div>
				</div>
			</div>
			<div class="guanggao4">
				<div class="hengfu">
					<div class="left">横幅广告4-左边</div>
					<div class="right">右边</div>
				</div>
				<div class="shishang">时尚</div>
				<div class="dajia">大家</div>
				<div class="xingzuo">星座</div>
				<div class="jiaoyu">教育</div>
				<div class="ertong">儿童</div>
				<div class="lunboguanggao">轮播广告1</div>
				<div class="junshi">军事</div>
				<div class="youxi">游戏</div>
				<div class="kuaibao">快报</div>
				<div class="shehui">社会</div>
				<div class="ruxue">儒学</div>
				<div class="lunboguanggao2">轮播广告2</div>
				<div class="guangdongmeishi">广东美食</div>
				<div class="guangdongshenghuo">广东生活</div>
				<div class="tengxundongtai">腾讯动态</div>
				<div class="shijuejiaodian">
					<div class="shijue1">视觉焦点1</div>
					<div class="shijue2">视觉焦点2</div>
					<div class="shijue3">视觉焦点3</div>
					<div class="shijue4">视觉焦点4</div>
					<div class="shijue5">视觉焦点5</div>
					<div class="shijue6">视觉焦点6</div>
				</div>
				<div class="dibu">
					底部宽屏广告<!-- <img src="./img/dibu.jpg" alt="这是一张底部广告图片"> -->
				</div>
			</div>
		</div>
		<!-- 页面主体结束 -->
		<!-- 网页底部开始 -->
		<div class="footer">
			<div class="footer1">关于腾讯 | About Tencent | 服务协议 | 隐私政策 | 开放平台 | 广告服务 | 商务洽谈 | 腾讯招聘 | 腾讯公益 | 客服中心 | 网站导航 | 客户端下载 | 版权所有
            </div>
			<div class="footer2"></div>
			<div class="footer3"></div>
			<div class="footer4"></div>
			<div class="footer5"></div>
			<div class="footer6"></div>
			<div class="footer7"></div>
		</div>
		<!-- 网页底部结束 -->
	</div>
</body>
</html>